<template>
  <div class="direction">
    <div class="tit">
      <h2>合作方向</h2>
      <div class="blue-box"></div>
      <p>一诺万金拥有丰富的产品线，针对战略客户基于标准产品可提供适应性定制开发</p>
    </div>
    <div class="con">
      <img src="../../../assets/img/team/hzfx.png" alt="合作方向">
    </div>
  </div>
</template>

<script>
  export default {
    name: "Direction",
    data() {
      return {
        message: [
          {

          }
        ]
      }
    }
  }
</script>

<style lang="scss" scoped>
  .direction {
    width: 62.5%;
    margin: 40px auto;
    text-align: center;
    // 标题
    .tit {
      margin-bottom: 24px;
      h2 {
        font-size: 36px;
        font-weight: 1000;
        color: #333;
      };
      .blue-box {
        width: 64px;
        height: 8px;
        background: linear-gradient(90deg, #2f6bee, #009fff);
        border-radius: 8px;
        margin: 8px auto;
      };
      p {
        font-size: 16px;
        color: #666;
      };
    };
    // 内容
    .con {
      box-shadow: 0 0 10px #f5f5f5;
    };
    .con:hover {
      transition-duration: 0.3s;
      transform: translateY(-5px);
    };
  };
</style>